<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"><meta name="format-detection" content="telephone=no">
    <title>main5</title>
    <link rel="stylesheet" href="../plugin/seedsui/seedsui.min.css">
    <style type="text/css">
        /*菜单图标*/
        .grid.icon li > a > i{
            font-size:30px;
            width: 30px;
            height: 30px;
            line-height:30px;
        }
        /*热门推荐*/
        .list .list-more{
            color:#7b7b7b;
        }
        /*最新活动*/
        .picmetro{
            padding:4px;
            background-color:white;
        }
        .picmetro .case1{
            height: 244px;
            margin-right:2px
        }
        .picmetro .case1,.picmetro .case2 div{
            background-size:cover;
            background-position:center center;
            background-repeat:no-repeat;
        }
        .picmetro .case2{
            margin-left: 2px;
        }
        .picmetro .case2 div:nth-child(1){
            margin-bottom:2px;
        }
        .picmetro .case2 div:nth-child(2){
            margin-top:2px;
        }
    </style>
</head>
<body>
    <section id="page_main5" class="active">
        <header>
        	<div class="titlebar reverse">
                <a><img class="height30" src="../img/main5/logo.png"/></a>
                <h1></h1>
                <a>
                    <i class="icon icon-search"></i>
                </a>
                <a>
                    <i class="icon icon-rdouser"></i>
                </a>
            </div>
        </header>
        <article>
        	<!--广告轮播-->
            <div class="slider-container" id="carrousel1">
                <div class="slider-wrapper">
                    <div class="slider-slide" data-href="http://www.baidu.com">
                        <img src="../img/main5/banner.jpg" style="width:100%;"/>
                    </div>
                    <div class="slider-slide" data-href="http://www.sina.com">
                        <img src="../img/main5/banner.jpg" style="width:100%;"/>
                    </div>
                    <div class="slider-slide" data-href="http://exmobi.cn">
                        <img src="../img/main5/banner.jpg" style="width:100%;"/>
                    </div>
                    <div class="slider-slide" data-href="http://exmobi.cn">
                        <img src="../img/main5/banner.jpg" style="width:100%;"/>
                    </div>
                    <div class="slider-slide" data-href="http://exmobi.cn">
                        <img src="../img/main5/banner.jpg" style="width:100%;"/>
                    </div>
                </div>
                <!-- 添加分页 -->
                <div class="slider-pagination"></div>
            </div>
            <ul class="grid" data-col="4" style="padding:8px 0 5px 0;background-color:white;">
                <li>
                    <a style="color:#00c2eb;">
                        <i class="icon icon-contact-fill"></i>
                    </a>
                    <label class="grid-label">交流区</label>
                </li>
                <li>
                    <a style="color:#1bce8d;">
                        <i class="icon icon-write-fill"></i>
                    </a>
                    <label class="grid-label">审批</label>
                </li>
                <li>
                    <a style="color:#b674d2;">
                        <i class="icon icon-position-fill"></i>
                    </a>
                    <label class="grid-label">定位</label>
                </li>
                <li>
                    <a style="color:#ff618f;">
                        <i class="icon icon-gear-fill"></i>
                    </a>
                    <label class="grid-label">设置</label>
                </li>
            </ul>
            <!--资讯信息-->
            <ul class="list" style="margin-top:10px;">
            	<li class="noclick">
                    <div class="justify">
                        <span class="peg"></span>
                    </div>
                    <div class="justify-content">今日热门</div>
                </li>
                <li>
                    <div class="justify-content">
                        <p><span class="mark-primary">行情</span>本年度最后一次出塘鱼价更新！</p>
                        <small class="nowrap">今年还有十几个小时就要结束了，您的鱼卖得怎么样了呢？</small>
                    </div>
                    <div class="justify">
                        <img src="../img/main5/listimg.png">
                    </div>
                </li>
                <li>
                    <div class="justify-content">
                        <p><span class="mark-warn">财富</span>华东养虾风向标逆势破困局</p>
                        <small class="nowrap">华东地区位于长江三角洲，素有“鱼米之乡”美誉，是中国重要的水产养殖区。</small>
                    </div>
                    <div class="justify">
                        <img src="../img/main5/listimg.png">
                    </div>
                </li>

                <li class="nojustify">
                    <div class="justify-content">
                        <p><span class="mark-info">典型</span>七旬老人高效养罗非只赚不亏！</p>
                        <small class="nowrap">”陈叔“运用科技的力量高效养殖，保持盈利，他是如何养罗非赚钱的？</small>
                    </div>
                    <div class="justify">
                        <img src="../img/main5/listimg.png" class="width-full">
                    </div>
                </li>
                <li>
                    <div class="justify-content">
                        <p><span class="mark-cancel">推荐</span>养单一品种风险大，看看这些鱼虾套养模式！</p>
                        <small class="nowrap">今年还有十几个小时就要结束了，您的鱼卖得怎么样了呢？</small>
                    </div>
                    <div class="justify">
                        <img src="../img/main5/listimg.png">
                    </div>
                </li>
                <li>
                    <div class="justify-content">
                        <p><span class="mark-cancel">天气</span>元旦三天全国以晴为主，南方阴雨</p>
                        <small class="nowrap">三天假期我国大部地区天气以晴或多云天气为主，风力不大，气温呈明显回升态势。</small>
                    </div>
                    <div class="justify">
                        <img src="../img/main5/listimg.png">
                    </div>
                </li>
                <li>
                    <div class="justify-content">
                        <p><span class="mark-cancel">成效</span>华北养鲤鱼，他们年赚60多万！</p>
                        <small class="nowrap">今年还有十几个小时就要结束了，您的鱼卖得怎么样了呢？</small>
                    </div>
                    <div class="justify">
                        <img src="../img/main5/listimg.png">
                    </div>
                </li>
                <li class="list-more">
                    <div class="justify-content text-center">
                        <label>更多热门资讯</label><i class="icon icon-arrowright"></i>
                    </div>
                </li>
            </ul>
            <!--最新活动-->
            <ul class="list" style="margin-top:10px;">
                <li class="noclick">
                    <div class="justify">
                        <span class="peg"></span>
                    </div>
                    <div class="justify-content">最新活动</div>
                    <small class="justify">
                            <label>更多</label>
                            <i class="icon icon-arrowbittoright"></i>
                    </small>
                </li>
            </ul>
            <div class="box picmetro" id="activity">
                <div class="box-flex-1 case1" style="background-image: url(../img/main5/1.jpg)"></div>
                <div class="box box-vertical box-flex-1 case2">
                    <div class="box-flex-1" style="background-image: url(../img/main5/2.png)"></div>
                    <div class="box-flex-1" style="background-image: url(../img/main5/3.png)"></div>
                </div>
            </div>
        </article>
    </section>
	
    <script src="../plugin/jquery/jquery.min.js"></script>
    <script src="../plugin/seedsui/seedsui.min.js"></script>
    <script type="text/javascript">
		var carrousel1;
		EventUtil.addHandler(window,"load",function(e){
			//广告轮播
			carrousel1 = new Slider('#carrousel1', {
				pagination: '.slider-pagination'
			});
		});
		//定义exmobi返回
		function back(){history.go(-1);}
		//remove原返回事件绑定
		EventUtil.removeHandler(document,"backmonitor",back);
		//添加新的返回事件
		EventUtil.addHandler(document,"backmonitor",function(){
			Exmobi.dbclose();
		});
	</script>
</body>
</html>